<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>持久化存储</h1>
    </div>
    <div role="main" class="ui-content">
        <p>请查看一下调用示例</p>
        <div data-role="collapsible">
            <h1>存储bool</h1>
            <button  onclick="setStorageBool()" class="ui-btn ui-btn-a">点击存储bool</button>
            <div id="boolInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取bool</h1>
            <button  onclick="getStorageBool()" class="ui-btn ui-btn-a">点击获取bool</button>
            <div id="boolInfo2" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>存储整型数字</h1>
            <button  onclick="setStorageNumber()" class="ui-btn ui-btn-a">点击存储整型数字</button>
            <div id="numberInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取数字</h1>
            <button  onclick="getStorageNumber()" class="ui-btn ui-btn-a">点击获取数字</button>
            <div id="numberInfo2" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>存储double数字</h1>
            <button  onclick="setStorageDouble()" class="ui-btn ui-btn-a">点击存储double数字</button>
            <div id="doubleInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取double数字</h1>
            <button  onclick="getStorageDouble()" class="ui-btn ui-btn-a">点击获取double数字</button>
            <div id="doubleInfo2" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>存储字符串</h1>
            <button  onclick="setStorageString()" class="ui-btn ui-btn-a">点击存储字符串</button>
            <div id="stringInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取字符串</h1>
            <button  onclick="getStorageString()" class="ui-btn ui-btn-a">点击获取字符串</button>
            <div id="stringInfo2" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>存储json</h1>
            <button  onclick="setStorageItem()" class="ui-btn ui-btn-a">点击存储json</button>
            <div id="itemInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取json</h1>
            <button  onclick="getStorageItem()" class="ui-btn ui-btn-a">点击获取json</button>
            <div id="itemInfo2" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>获取所有值</h1>
            <button  onclick="getStorageAll()" class="ui-btn ui-btn-a">点击获取所有值</button>
            <div id="allInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>删除键值</h1>
            <button  onclick="delStorage()" class="ui-btn ui-btn-a">点击删除键值</button>
            <div id="deleteInfo" width="100%"></div>
        </div>
        <div data-role="collapsible">
            <h1>清除所有</h1>
            <button  onclick="clearStorage()" class="ui-btn ui-btn-a">点击清除所有</button>
            <div id="clearInfo" width="100%"></div>
        </div>
    </div>
</div>
